<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/category.css">
    <title>慢慢买</title>
</head>
<!-- 分类标题模板 -->
<script type="text/template" id='speclial_Tmp'>
    {{ each result val index}}
         <div class="panel panel-default">
             <div class="panel-heading" role="tab" id="heading{{index}}">
                 <h4 class="panel-title">
                     <a  data-toggle="collapse" data-parent='#accordion' data-titleid="{{val.titleId}}" href="#collapse{{index}}" aria-expanded="true" aria-controls='collapse{{index}}' >
                         {{val.title}}
                        </a>
                    </h4>
                </div>
                <div id="collapse{{index}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{index}}">
                        <div class='panel-body'>
                            <div class='row'></div>
                        </div>
                </div>
            </div>
    {{/each}}
</script>
<!-- 分类列表模板 -->
<script type='text/template' id='speclial_ListTmp'>
    {{each result val index}}
       <div calss='row_t'>
           <a href='productlist.html?categoryid={{val.categoryId}}&category={{val.category}}'>
               {{val.category}}
            </a>
        </div>
    {{/each}}
</script>
<body>
    <!-- header头部 -->
    <header>
        <!-- 顶部logo -->
        <div class="header_title">
            <h1>
                <a href="../index.html?">
                    <img src="../images/header_logo.png" alt="">
                </a>
            </h1>
            <a href="#">
                <img src="../images/header_app.png" alt="">
            </a>
        </div>
        <!-- 搜索框 -->
        <div class="mmb_search">
            <form action="#" class='clearfix'>
                <input class='ser_ipt' type="text" placeholder="请输入你想比价的商品">
                <input class='ser_but' type="button" value="搜索">
            </form>
        </div>
    </header>
    <!-- 比特价内容 -->
    <main>
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    </div>
    </main>
    <!-- 页面底部 -->
    <footer>
        <div class="footer_bottom">
            <div class="footer_title">
                <a class='login' href="#">登录 </a>
                <a class='enroll' href="#">注册</a>
                <a class='return' href="#">返回顶部</a>
            </div>
            <div class="footer_content">
                <p>
                    <a href="">手机app下载 </a>
                    慢慢买手机版  -- 掌上比价平台</p>
                <p>m.manmanbuy.com </p>
            </div>
            <div class="footer_app clearfix">
                <a href="#">
                    <img src="../images/appDownload.png" alt="">
                </a>
            </div>
        </div>
    </footer>
</body>
<script src="../lib/art-template/template-web.js"></script>
<script src="../lib/bootstrap/js/jquery-1.12.2.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../js/category.js"></script>
</html>